/**
 * Copyright (c) 2020 kedacom
 * OpenATC is licensed under Mulan PSL v2.
 * You can use this software according to the terms and conditions of the Mulan PSL v2.
 * You may obtain a copy of Mulan PSL v2 at:
 * http://license.coscl.org.cn/MulanPSL2
 * THIS SOFTWARE IS PROVIDED ON AN "AS IS" BASIS, WITHOUT WARRANTIES OF ANY KIND,
 * EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO NON-INFRINGEMENT,
 * MERCHANTABILITY OR FIT FOR A PARTICULAR PURPOSE.
 * See the Mulan PSL v2 for more details.
 **/
<template>
  <div :style="{position: 'absolute', left: Data.busleft, top: Data.bustop}" class="eastbusmap">
    <div :class="Data.id <= 4 ? '' : 'hide'">
      <svg
        version="1.1"
        id="图层_1"
        xmlns="http://www.w3.org/2000/svg"
        xmlns:xlink="http://www.w3.org/1999/xlink"
        x="0px"
        y="0px"
        viewBox="0 0 91 24"
        style="enable-background:new 0 0 91 24;"
        xml:space="preserve"
        :width="IconLengh"
        :height="IconWdith"
      >
        <g id="有轨电车-东" v-if="Data.controltype === 5">
          <path
            class="st0"
            d="M91,20V4c0-2.2-1.8-4-4-4L4,0C1.8,0,0,1.8,0,4l0,16c0,2.2,1.8,4,4,4h83C89.2,24,91,22.2,91,20z"
          ></path>
          <g>
            <path
              class="st1"
              d="M46.7,17H51h0.5h0.9h0.4h0.9H59h0.9h0.4h0.9h4.9H67h0.5h0.9h4.9h0.9h0.4h0.9h0.6h0.4c0.3,0,0.6-0.2,0.6-0.6
V8.6c0-0.3-0.2-0.6-0.6-0.6H55.2l-1-0.6l2.6-1c0.1-0.1,0.1-0.3,0.1-0.4c-0.1-0.1-0.3-0.1-0.4-0.1l-3.1,1.2c0,0.2-0.1,0.2-0.1,0.3
c0,0.2,0,0.3,0.1,0.3l0.8,0.5H51c-3.4,0-6.2,2.8-6.2,6.2l0,0C44.8,15.4,45.6,17.3,46.7,17z M73.8,10.9c0-0.2,0.2-0.5,0.5-0.5h1.6
c0.2,0,0.5,0.2,0.5,0.5v2.2c0,0.2-0.2,0.5-0.5,0.5h-1.6c-0.2,0-0.5-0.2-0.5-0.5L73.8,10.9z M70.8,10.9c0-0.2,0.2-0.5,0.5-0.5h1.6
c0.2,0,0.5,0.2,0.5,0.5v2.2c0,0.2-0.2,0.5-0.5,0.5h-1.6c-0.2,0-0.5-0.2-0.5-0.5L70.8,10.9z M67.5,13.1v-2.2c0-0.2,0.2-0.5,0.5-0.5
h1.5c0.2,0,0.5,0.2,0.5,0.5v2.2c0,0.2-0.2,0.5-0.5,0.5h-1.6C67.7,13.6,67.4,13.4,67.5,13.1L67.5,13.1z M64.5,10.9
c0-0.2,0.2-0.5,0.5-0.5h1.6c0.2,0,0.5,0.2,0.5,0.5v2.2c0,0.2-0.2,0.5-0.5,0.5H65c-0.2,0-0.5-0.2-0.5-0.5V10.9z M61.4,10.9
c0-0.2,0.2-0.5,0.5-0.5h1.6c0.2,0,0.5,0.2,0.5,0.5v2.2c0,0.2-0.2,0.5-0.5,0.5h-1.6c-0.2,0-0.5-0.2-0.5-0.5L61.4,10.9z M58.1,10.9
c0-0.2,0.2-0.5,0.5-0.5h1.6c0.2,0,0.5,0.2,0.5,0.5l0,2.2c0,0.2-0.2,0.5-0.5,0.5h-1.6c-0.2,0-0.5-0.2-0.5-0.5V10.9z M55,10.9
c0-0.2,0.2-0.5,0.5-0.5h1.6c0.2,0,0.5,0.2,0.5,0.5v2.2c0,0.2-0.2,0.5-0.5,0.5h-1.6c-0.2,0-0.5-0.2-0.5-0.5V10.9z M51.9,13.1v-2.2
c0-0.2,0.2-0.5,0.5-0.5h1.7c0.2,0,0.5,0.2,0.5,0.5v2.2c0,0.2-0.2,0.5-0.5,0.5h-1.6c-0.2,0-0.5-0.2-0.5-0.5H51.9z M47.6,15.5v-2.8
c0-1.3,1-2.3,2.3-2.3c0.4,0,0.8,0.4,0.8,0.8v4.3c0,0.4-0.4,0.8-0.8,0.8h-1.6C47.9,16.3,47.5,15.9,47.6,15.5L47.6,15.5z"
            ></path>
            <path
              class="st1"
              d="M78.4,18.7c0,0.2-0.2,0.5-0.5,0.5h-34c-0.2,0-0.5-0.3-0.5-0.5s0.2-0.5,0.5-0.5h34
C78.2,18.2,78.4,18.5,78.4,18.7z"
            ></path>
          </g>
        </g>
        <g id="公交车-东" v-if="Data.controltype === 3">
          <path
            class="st0"
            d="M91,20V4c0-2.2-1.8-4-4-4L4,0C1.8,0,0,1.8,0,4l0,16c0,2.2,1.8,4,4,4h83C89.2,24,91,22.2,91,20z"
          ></path>
          <g>
            <path
              class="st1"
              d="M51,15.1c-1,0-1.8,0.8-1.8,1.8s0.8,1.8,1.8,1.8s1.8-0.8,1.8-1.8S51.8,15.1,51,15.1z M51,18.2
c-0.8,0-1.3-0.7-1.3-1.3c0-0.8,0.5-1.3,1.3-1.3s1.3,0.7,1.3,1.3S51.8,18.1,51,18.2z"
            ></path>
            <path
              class="st1"
              d="M68.3,15.1c-1,0-1.8,0.8-1.8,1.8s0.8,1.8,1.8,1.8s1.8-0.8,1.8-1.8S69.3,15.1,68.3,15.1z M68.3,18.2
c-0.8,0-1.3-0.7-1.3-1.3c0-0.8,0.7-1.3,1.3-1.3c0.8,0,1.3,0.7,1.3,1.3S69,18.2,68.3,18.2z"
            ></path>
            <path
              class="st1"
              d="M73.7,7.5H46c-1,0-1.8,0.8-1.8,1.8v3l-0.8,0.4v3.4c0,0.3,0.2,0.6,0.6,0.6h0.2h0.9h3.4
c0.1-1.3,1.1-2.3,2.4-2.3s2.4,1,2.4,2.3h12.5c0.1-1.3,1.1-2.3,2.4-2.3c1.3,0,2.4,1,2.4,2.3h1.5c1.4-0.4,4.1-1,5.2-1.3v-4.7
C77.3,8.9,75.8,7.4,73.7,7.5z M48,9.4l-0.1,5.7c0,0.3-0.2,0.6-0.6,0.6h-0.9c-0.3,0-0.6-0.2-0.6-0.6V9.4c0-0.3,0.2-0.6,0.6-0.6h1
C47.7,8.8,48,9,48,9.4L48,9.4z M55,11.3c0,0.2-0.2,0.5-0.5,0.5h-4.9c-0.2,0-0.5-0.2-0.5-0.5V9.2c0-0.2,0.2-0.5,0.5-0.5h4.9
c0.2,0,0.5,0.2,0.5,0.5V11.3z M61.7,11.3c0,0.2-0.2,0.5-0.5,0.5h-4.9c-0.2,0-0.5-0.2-0.5-0.5V9.2c0-0.2,0.2-0.5,0.5-0.5h4.9
c0.2,0,0.5,0.2,0.5,0.5C61.7,9.2,61.7,11.3,61.7,11.3z M68.5,11.3c0,0.2-0.2,0.5-0.5,0.5h-5c-0.2,0-0.5-0.2-0.5-0.5V9.2
c0-0.2,0.2-0.5,0.5-0.5h5c0.2,0,0.5,0.2,0.5,0.5V11.3z M75.3,11.3c0,0.2-0.2,0.5-0.5,0.5h-4.9c-0.2,0-0.5-0.2-0.5-0.5V9.2
c0-0.2,0.2-0.5,0.5-0.5h4.9c0.2,0,0.5,0.2,0.5,0.5C75.3,9.2,75.3,11.3,75.3,11.3z"
            ></path>
          </g>
        </g>
        <g id="BRT-东" v-if="Data.controltype === 4">
          <path
            class="st0"
            d="M91,20V4c0-2.2-1.8-4-4-4L4,0C1.8,0,0,1.8,0,4l0,16c0,2.2,1.8,4,4,4h83C89.2,24,91,22.2,91,20z"
          ></path>
          <g>
            <path
              class="st1"
              d="M81.3,3.1h7v2.6c0,0.5,0,1-0.2,1.3c-0.2,0.3-0.3,0.7-0.7,0.8c-0.3,0.2-0.7,0.3-1,0.3c-0.3,0-0.7,0-0.8-0.2
s-0.5-0.5-0.7-0.8c-0.2,0.5-0.3,0.8-0.7,1c-0.3,0.2-0.7,0.3-1.1,0.3c-0.3,0-0.7,0-1-0.2c-0.3-0.2-0.5-0.3-0.7-0.5
c-0.2-0.2-0.2-0.7-0.2-0.8c0-0.3-0.2-0.7-0.2-1.1V3.1H81.3z M82.1,4v1.9c0,0.3,0,0.5,0,0.7s0.2,0.3,0.2,0.5s0.3,0.2,0.5,0.3
c0.2,0.2,0.3,0.2,0.7,0.2c0.3,0,0.5,0,0.7-0.2c0.2-0.2,0.3-0.3,0.5-0.5c0-0.2,0.2-0.7,0.2-1V4.2L82.1,4L82.1,4z M85.4,4v1.5
c0,0.5,0,0.7,0,0.8s0.2,0.5,0.3,0.5C85.9,7,86,7,86.4,7c0.2,0,0.5,0,0.7-0.2c0.1-0.1,0.3-0.3,0.3-0.5c0.2,0,0.2-0.3,0.2-0.8V4
H85.4z"
            ></path>
            <path
              class="st1"
              d="M81.3,9.8h7v3.1c0,0.7,0,1.1-0.2,1.5c-0.2,0.4-0.3,0.7-0.7,0.8c-0.3,0.2-0.7,0.3-1,0.3c-0.5,0-1-0.2-1.3-0.5
c-0.3-0.3-0.5-0.8-0.7-1.5c0,0.4,0,0.5-0.1,0.5c-0.3,0.3-0.5,0.5-1,0.8l-2,1.1v-1l1.5-1c0.5-0.3,0.8-0.5,1-0.7
c0.2-0.2,0.3-0.3,0.5-0.5c0.2-0.2,0.1-0.3,0.1-0.5s0-0.3,0-0.5v-1.1h-3.1V9.8z M85.3,10.6v2c0,0.5,0,0.8,0.2,1s0.2,0.5,0.5,0.5
c0.2,0.2,0.3,0.2,0.7,0.2c0.3,0,0.7-0.2,0.8-0.3s0.3-0.7,0.3-1.1v-2.3L85.3,10.6L85.3,10.6z"
            ></path>
            <path class="st1" d="M81.3,18.5h6.2v-2.3h0.9v5.6h-0.9v-2.3h-6.2V18.5z"></path>
          </g>
          <g>
            <path
              class="st1"
              d="M51,15.1c-1,0-1.8,0.8-1.8,1.8s0.8,1.8,1.8,1.8s1.8-0.8,1.8-1.8S51.8,15.1,51,15.1z M51,18.2
c-0.8,0-1.3-0.7-1.3-1.3c0-0.8,0.5-1.3,1.3-1.3s1.3,0.7,1.3,1.3S51.8,18.1,51,18.2z"
            ></path>
            <path
              class="st1"
              d="M68.3,15.1c-1,0-1.8,0.8-1.8,1.8s0.8,1.8,1.8,1.8s1.8-0.8,1.8-1.8S69.3,15.1,68.3,15.1z M68.3,18.2
c-0.8,0-1.3-0.7-1.3-1.3c0-0.8,0.7-1.3,1.3-1.3c0.8,0,1.3,0.7,1.3,1.3S69,18.2,68.3,18.2z"
            ></path>
            <path
              class="st1"
              d="M73.7,7.5H46c-1,0-1.8,0.8-1.8,1.8v3l-0.8,0.4v3.4c0,0.3,0.2,0.6,0.6,0.6h0.2h0.9h3.4
c0.1-1.3,1.1-2.3,2.4-2.3s2.4,1,2.4,2.3h12.5c0.1-1.3,1.1-2.3,2.4-2.3c1.3,0,2.4,1,2.4,2.3h1.5c1.4-0.4,4.1-1,5.2-1.3v-4.7
C77.3,8.9,75.8,7.4,73.7,7.5z M48,9.4l-0.1,5.7c0,0.3-0.2,0.6-0.6,0.6h-0.9c-0.3,0-0.6-0.2-0.6-0.6V9.4c0-0.3,0.2-0.6,0.6-0.6h1
C47.7,8.8,48,9,48,9.4L48,9.4z M55,11.3c0,0.2-0.2,0.5-0.5,0.5h-4.9c-0.2,0-0.5-0.2-0.5-0.5V9.2c0-0.2,0.2-0.5,0.5-0.5h4.9
c0.2,0,0.5,0.2,0.5,0.5V11.3z M61.7,11.3c0,0.2-0.2,0.5-0.5,0.5h-4.9c-0.2,0-0.5-0.2-0.5-0.5V9.2c0-0.2,0.2-0.5,0.5-0.5h4.9
c0.2,0,0.5,0.2,0.5,0.5C61.7,9.2,61.7,11.3,61.7,11.3z M68.5,11.3c0,0.2-0.2,0.5-0.5,0.5h-5c-0.2,0-0.5-0.2-0.5-0.5V9.2
c0-0.2,0.2-0.5,0.5-0.5h5c0.2,0,0.5,0.2,0.5,0.5V11.3z M75.3,11.3c0,0.2-0.2,0.5-0.5,0.5h-4.9c-0.2,0-0.5-0.2-0.5-0.5V9.2
c0-0.2,0.2-0.5,0.5-0.5h4.9c0.2,0,0.5,0.2,0.5,0.5C75.3,9.2,75.3,11.3,75.3,11.3z"
            ></path>
          </g>
        </g>
      </svg>
    </div>
  </div>
</template>
<script>
export default {
  name: 'eastBusSvg',
  props: {
    IconLengh: {
      // 相位图标长度
      type: String,
      default: '91px'
    },
    IconWdith: {
      // 相位图标宽度
      type: String,
      default: '24px'
    },
    Data: {
      type: Object
    }
  },
  methods: {},
  mounted () {}
}
</script>
<style scoped>
.invisible {
  visibility: hidden;
}
.hide {
  display: none;
}
.st0{opacity:0.8;fill:#5F5F5F;enable-background:new;}
.st1{fill:#FFFFFF;}
</style>
